<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="js/jquery-3.3.1.min.js"></script>
    <link rel="stylesheet" href="js/bootstrap/css/bootstrap.min.css"></link>
    <script src="js/bootstrap/js/bootstrap.min.js"></script>
    <script src="js/bootstrap/js/bootbox.min.js"></script>
    <script src="js/bootstrap/js/bootbox.locales.min.js"></script>
</head>
<body>
<button type="button" class="btn btn-success btn-sm" onclick="addUser()"><span class="glyphicon glyphicon-plus"></span>添加</button>
<button type="button" class="btn btn-danger btn-sm"><span class="glyphicon glyphicon-trash"></span> 批量删除</button>
</body>
<script>
    function addUser(){
        /* 普通弹框 */
        // bootbox.alert("弹框");
        // bootbox.alert({
        //     size:"small",
        //     title:"测试弹框",
        //     message:"我是弹出内容",
        //     callback:function () {
        //         alert("我是回调函数");
        //     }
        // })

        /* 确定框 */
        // bootbox.confirm({
        //     message:"您确定要删除吗？",
        //     callback:function (result) {
        //         alert(result);
        //         bootbox.alert("回调函数");
        //     },
        //     buttons:{
        //         confirm:{ // 改变确认框的演示
        //             label:"确定", // 改变确认框按钮的文字
        //             className: "btn-success"
        //         },
        //         cancel:{ // 改变确认框的演示
        //             label:"取消", // 改变确认框按钮的文字
        //             className: "btn-danger"
        //         }
        //     }
        // })

        /* 输入框 */
        bootbox.prompt({
            title:"请输入银行卡密码",
            // backdrop:false,
            closeButton:false,
            callback:function (result) {  // 如果输入内容，result就是用户所输入的内容，如果没有输入内容，result就是null
                alert(result);
                bootbox.alert("回调函数");
            },
            buttons:{
                confirm:{ // 改变确认框的演示
                    label:"确定", // 改变确认框按钮的文字
                    className: "btn-success"
                },
                cancel:{ // 改变确认框的演示
                    label:"取消", // 改变确认框按钮的文字
                    className: "btn-danger"
                }
            }
        })
    }
</script>
</html>